<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			 .pop_con form{
            width:490px;
            height:290px;
            padding:5px;
            background:white;
            border:1px solid #000;
            position: fixed;
            left:50%;
            top:50%;
            margin-top:-151px;
            margin-left:-251px;
            z-index:9999;
        }
         .pop_con .mask{
            position: fixed;
            width:100%;
            height:100%;
            left:0px;
            top:0px;
            background:#000;
            opacity:0.3;
            z-index:9998;
        }
		 .pop_con h3{
            background:lightgreen;
            height:40px;
            margin:0;
            line-height:40px;
            text-indent:10px;
        }
		 .pop_con .form_group{
            width:460px;
            height:34px;
            margin:40px auto 0;
        }
		.form_group label{
            float:left;
            width:100px;
            height:28px;
            line-height:28px;
            text-align:right;
        }
		 .form_group .input_txt{
            width:240px;
            height:28px;;
        }

		.form_group .input_btn{
            width:100px;
            height:28px;;
        }

		 .ml{
            margin-left:100px;
        }

		</style>
	</head>
	<body>
		<div class="pop_con">
        <form action="">
            <h3>用户登录</h3> 
            <div class="form_group">           
                <label>用户名：</label>
                <input type="text" class="input_txt">
            </div>
            <div class="form_group">
                <label>密码：</label>
                <input type="password" class="input_txt">
            </div>
            <div class="form_group">
                <input type="submit" value="提交" class="input_btn ml">
                <input type="submit" value="重置" class="input_btn">
            </div>
        </form>
        <div class="mask"></div>
    </div>

	</body>
</html>
